<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">

	<head>
		<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
		<title>无标题文档</title>
		<!--框架必需start-->
		<script type="text/javascript" src="../../libs/js/jquery.js"></script>
		<script type="text/javascript" src="../../libs/js/language/cn.js"></script>
		<script type="text/javascript" src="../../libs/js/framework.js"></script>
		<link href="../../libs/css/import_basic.css" rel="stylesheet" type="text/css" />
		<link rel="stylesheet" type="text/css" id="skin" prePath="../../" />
		<link rel="stylesheet" type="text/css" id="customSkin" />
		<!--框架必需end-->
		<script src="../../libs/thirdparty/highcharts/js/highcharts.js"></script>

		
		<link rel="stylesheet" type="text/css" href="style/style.css"/>
		<style type="text/css">
			
			body{
				background: #EDF2F6;
			}
			
            
		</style>
	</head>

	<body>
		<div class="Content_win">
			<div class="content_1" style="margin: 0;">
				<div class="title">
					<span>我的站点</span>
					<a href="javascript:;">更多></a>
					<div class="clear"></div>
				</div>
				<div class="content_1_1">
					<img src="style/pc.png" alt="" />
					<img src="style/iphone.png" alt="" />
					<span class="pc">PC</span>
					<span class="iphone">手机</span>
					<div class="clear"></div>
				</div>
				<div class="content_1_2">
					<p>站点名称 <span style="margin-left: 20px;">云梦网络</span></p>
					<p>站点网址 <a href="javascript:;" style="margin-left: 20px;color: #609EE9; text-decoration: underline;">www.quick.com</a><span class="want">我要改版</span></p>
					<p style="letter-spacing: 10px;">产  品 <span>速成美站</span></p>
					<p style="letter-spacing: 10px;">域  名 <a href="javascript:;">www.quick.com</a><i></i></p>
					<div class="clear"></div>
				</div>
				<div class="content_1_3">
					<div class="Customer">
						<img src="style/user.png" alt="" />
						<p><span>Lisa</span>客服经理</p>
						<p>
							<i style="background: url(style/Customer02.png);"></i>
							<b style="background: url(style/Customer03.png);"></b>
							<em style="background: url(style/Customer04.png);"></em>
						</p>
					</div>
					<div class="Customer">
						<img src="style/user.png" alt="" />
						<p><span>Lisa</span>客服<i style="background: url(style/Customer01.png);"></i></p>
						<p>
							<i style="background: url(style/Customer02.png);"></i>
							<b style="background: url(style/Customer05.png);"></b>
						</p>
					</div>
					<div class="clear"></div>
				</div>
				<div class="clear"></div>
			</div>
			<div class="content_1">
				<div class="title">
					<span>网站管理</span>
					<div class="clear"></div>
				</div>
				<ul class="list">
					<li>
						<p style="background-position: 0 -28px;">文章</p>
						<span>10</span>
					</li>
					<li>
						<p style="background-position: 0 -14px;">产品</p>
						<span>10</span>
					</li>
					<li>
						<p style="background-position: 0 0;">图片</p>
						<span>10</span>
					</li>
					<li>
						<p style="background-position: 0 -42px;">文件</p>
						<span>10</span>
					</li>
					<li>
						<p style="background-position: 0 -56px;">订单</p>
						<span>10</span>
					</li>
					<li>
						<p style="background-position: 0 -70px;">表单</p>
						<span>10</span>
					</li>
					<li>
						<p style="background-position: 0 -98px;">留言</p>
						<span>10</span>
					</li>
					<li>
						<p style="background-position: 0 -84px;">评论</p>
						<span>10</span>
					</li>
					<div class="clear"></div>
				</ul>
			</div>
			<div class="content_1" style="width: 490px;*width:460px;height:295px;float: left;">
				<div class="title">
					<span>近七日流量统计</span>
					<div class="clear"></div>
				</div>
				<div id="container" style="min-width: 310px; height: 250px; margin: 0 auto"></div>
			</div>
			<div class="content_1" style="width: 490px;*width:460px;height:295px;float: right;">
				<div class="title">
					<span>版本更新</span>
					<a href="javascript:;">更多></a>
					<div class="clear"></div>
				</div>
				<div class="timeline">
					<ul>
						<li class="cls highlight">
							<p class="date_time">9月1日</p>
							<p class="intro">Quick UI2.0正式上线</p>
						</li>
						<li class="cls">
							<p class="date_time">8月1日</p>
							<p class="intro">Quick UI2.0 内测开始</p>
						</li>
						<li class="cls">
							<p class="date_time">7月1日</p>
							<p class="intro">新版本皮肤包完成</p>
						</li>
						<li class="cls">
							<p class="date_time">6月1日</p>
							<p class="intro">Quick UI 正式上线</p>
						</li>
						<li class="cls">
							<p class="date_time">5月1日</p>
							<p class="intro">Quick UI 内测开始</p>
						</li>
					</ul>
				</div>

			</div>
			<div class="clear"></div>
		</div>
		
	<script type="text/javascript">
		$('#container').highcharts({
            chart: {
                zoomType: '',
                spacingRight: 10
            },
            title: {
                text: ''
            },
            subtitle: {
                text: document.ontouchstart === undefined ?
                    '' :
                    ''
            },
            xAxis: {
                type: '',
                zoom: [1,2,3,4,5], // fourteen days
                title: {
                    text: null
                }
            },
            yAxis: {
                title: {
                    text: ''
                }
            },
            tooltip: {
                shared: true
            },
            legend: {
                enabled: false
            },
            plotOptions: {
                area: {
                    fillColor: {
                        linearGradient: { x1: 0, y1: 0, x2: 0, y2: 1},
                        stops: [
                            [0, Highcharts.getOptions().colors[0]],
                            [1, Highcharts.Color(Highcharts.getOptions().colors[0]).setOpacity(0).get('rgba')]
                        ]
                    },
                    lineWidth: 0,
                    marker: {
                        enabled: false
                    },
                    shadow: false,
                    states: {
                        hover: {
                            lineWidth: 0
                        }
                    },
                    threshold: null
                }
            },
    
            series: [{
                type: 'areaspline',
                name: 'PC',
                data: [30,70,40,90,70],
                color:"#DBF5E6"
            },{
            	type: 'areaspline',
                name: 'IP',
            	data: [50,20,50,15,70],
            	color:"#B8D3F5"
            }]
        });

	</script>
	</body>

</html>